<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>人员添加页面</title>
    <link rel="stylesheet" href="./../../yl/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="./../../yl/mobile.css" />
    <link rel="stylesheet" href="../../yl/easyui.css" />
    <link rel="stylesheet" href="../../yl/icon.css" />
    <style>
        html,
        body {
            height: 100%;
            margin: 0;
            padding: 0;
        }

        .borderless-input .el-input__wrapper {
            border: none !important;
            box-shadow: none !important;
            background: transparent !important;
        }

        /* 移除聚焦状态样式 */
        .borderless-input .el-input__wrapper.is-focus {
            box-shadow: none !important;
        }

        .el-select__wrapper {
            border: none !important;
            box-shadow: none !important;
            background: transparent !important;
        }

        /* 控制 el-descriptions-item 中 label 的宽度 */
        .el-descriptions-item__label {
            width: 50px !important;
            /* 你可以根据需要调整这个宽度值 */
            display: inline-block !important;
        }   
  
        .botton-ann { 


            
            background-color: #eff5ff 0, #e0ecff 100%;
            padding: 8px;
            gap: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .upload_file.none .el-upload {
            display: none;
        }
    </style>
</head>

<body>
    <!-- <div id="app"> -->
    <div class="easyui-navpanel" id="app">
        <header>
            <div class="m-toolbar">
                <div class="m-title">添加信息</div>
            </div>
        </header>
        <div id="MainTable"
            :data-options="JSON.stringify({ 'TableName': 'grid_information', 'form': 'dataForm' })">

        </div>

        <div class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder" style="height: 3000px"
            id="MainTable" ref="MainTable"
            :data-options="JSON.stringify({ 'TableName': 'grid_information', 'form': 'dataForm' })">
            <el-descriptions :column="1" size="large" border>

                <el-descriptions-item>
                    <template #label>
                        <div class="cell-item">网格编号</div>
                    </template>
                    <el-input ref="grid_information" v-model="dataForm.Grid_SerialNumber"
                        class="borderless-input" placeholder="请输入网格编号" />
                </el-descriptions-item>
                <el-descriptions-item>
                    <template #label>
                        <div class="cell-item">网格名称</div>
                    </template>
                    <el-input ref="grid_information" v-model="dataForm.Grid_Name" class="borderless-input"
                        placeholder="请输入网格名称" />
                </el-descriptions-item>
                <el-descriptions-item>
                    <template #label>
                        <div class="cell-item">父网格编号</div>
                    </template>
                    <el-input v-model="dataForm.Parent_Grid_SerialNumber" class="borderless-input"
                        placeholder="请输入父网格编号" />
                </el-descriptions-item>
                <!-- <el-descriptions-item>
          <template #label>
            <div class="cell-item">网格层级</div>
          </template>
          <el-input v-model="grid_information.Grid_Level" class="borderless-input" placeholder="请输入网格层级" />
        </el-descriptions-item> -->
                <el-descriptions-item>
                    <template #label>
                        <div class="cell-item">网格地理坐标集</div>
                    </template>
                    <el-input v-model="dataForm.Coords" class="borderless-input" placeholder="请输入网格地理坐标集" />
                </el-descriptions-item>
                <el-descriptions-item>
                    <template #label>
                        <div class="cell-item">责任单位</div>
                    </template>
                    <el-input v-model="dataForm.Responsible_Organization" class="borderless-input"
                        placeholder="请输入责任单位" />
                </el-descriptions-item>
            </el-descriptions>
        </div>
        <footer class="botton-ann">
            <el-button @click="goBack">返回</el-button>
            <el-button type="primary" plain @click="handleSubmit">提交</el-button>
        </footer>
    </div>
</body>
<script src="../../utils/utils.js"></script>
<script src="../../config/config.js"></script>
<script src="../../../yl/vue.js"></script>
<script src="../../../yl/index.js"></script>
<!-- <script src="https://unpkg.com/element-plus"></script> -->
<!-- <script src="https://unpkg.com/@element-plus/icons-vue"></script>-->
<script src="../../yl/index.iife.min.js"></script>
<script src="../../../yl/jquery.min.js"></script>
<script src="../../yl/jquery.easyui.min.js"></script>
<script src="../../yl/jquery.easyui.mobile.js"></script>
<script src="../../yl/moment.min.js"></script>
<script src="../../../api/request.js"></script>
<script src="./js/grid_resourceAdd.js"></script>


</html>